<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:p="http://primefaces.org/ui">
    
    <h:panelGroup layout="block" id="basket_widget">
    <h:form>
    <h:panelGrid columns="1" cellpadding="2">
        <f:facet name="header">
            <h:outputText class="basket_header" value="#{webtext.basket}"/>
            <h:graphicImage class="basket_header" alt="#{webtext.basket}" name="/images/icon/basket_24.png"/>
        </f:facet>
        <p:separator />
        <h:outputFormat value="#{webtext.articles}">
            <f:param value="#{basketController.numProducts}"/>
        </h:outputFormat>
        <h:outputFormat value="#{webtext.total}" >
            <f:param value="#{basketController.customerOrder.amount}"/>
        </h:outputFormat>  
        <p:commandButton id="basket_btn" action="#{basketController.gotoBasket}" value="#{webtext.goto_basket}" title="#{webtext.goto_basket}"/>
    </h:panelGrid>
    </h:form>
    </h:panelGroup>
    
</ui:composition>

